<style>
    .table-container {
        background-color: transparent;
        color: white;
        width: 100%;
        /* height: 270px; */
        padding: 30px 0px 20px 0px;
        text-align: left;
        table-layout: fixed;
        border: none;
    }

    .table-container td {
        padding-left: 15px;
        /* padding-right: 15px; */
    }

    .table-container th.node-name {
        padding-left: 15px;
    }

    .table-container th.node-status {
        width: 60px;
    }
</style>
<table class="table-container" rules="none">
    <thead>
        <tr>
            <th class="node-name">{{'节点名称' | translate}}</th>
            <th class="node-enable">{{'开机自启' | translate}}</th>
            <th class="node-status">{{'运行状态' | translate}}</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="node in show" ng-init="$last && $emit('repeatFinished')"
            ng-class="{ active: $index == itemIndex}">
            <td class="node-name">{{node.text | translate}}</td>
            <td>
                <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-{{node.id}}">
                    <input type="checkbox" id="switch-{{node.id}}" class="mdl-switch__input">
                    <span class="mdl-switch__label"></span>
                </label>
            </td>
            <td class="node-status">{{node.status | translate}}</td">
        </tr>
    </tbody>
</table>